<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
		<!-- 1 引入组件的样式 -->
		<link rel="stylesheet" href="css/counter.css">
	</head>
	<body>
		<div id="app">
			<my-counter></my-counter>
			<my-counter></my-counter>
			<my-counter></my-counter>
		</div>
		<!-- 2 引入组件的模块和功能 -->
		<script src="js/counter.js"></script>
		<script>
			Vue.createApp({
				// 3 注册组件
				components: {
					'my-counter': Counter
				}, // 修复此处缺少的逗号
				data() {
					return {
						
					}
				}
			}).mount('#app')
		</script>
	</body>
</html>